<!DOCTYPE html>
<html class="pixel-ratio-1">

	<head>
		<meta charset="utf-8" />
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
		<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate" />
		<meta name="viewport" content="width=375, user-scalabe=no">
		<meta http-equiv="pragma" content="no-cache" />
		<meta http-equiv="expires" content="0" />
		<title>死亡记录-列表</title>
		<link rel="stylesheet" type="text/css" href="../../../../../public/vendor/weui/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../../../public/css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../../../../public/css/iconfont/iconfont.css" />
		<link rel="stylesheet" href="../../../../../public/vendor/weui/jquery-weui.css">
		<!-- Site CSS -->
		<link rel="stylesheet" href="../../../../../public/themes/base/css/site.css" id="admui-siteStyle">
		<!-- Select2 Plugin CSS -->
		<link rel="stylesheet" type="text/css" href="../../../../../public/vendor/select2/select2.min.css" />
		<link rel="stylesheet" href="../../../../../public/css/features/cbs/deathbills/deathbillslist.css">
		<script id="salesplanmain-template" type="text/x-template">
			{{~ it :value:index}}
				<div class="page__bd page__bd_spacing recruitment_jobs looksale">
					<div class="weui-flex marbot">
						<div>
							<div class="placeholder" style="font-weight:800">{{=index+1}}：{{=value.bizFormObj.billNo}}
							</div>
						</div>
						<div class="salesplanstate">
							<div class="placeholder" v-html="item.billStatusCh">{{=value.billStatusCh}}</div>
						</div>
					</div>
					<div class="weui-flex marbot" style="font-size: 14px;">
						<div class="weui-flex__item">
							<div class="placeholder" style="color:#1baeea">{{=value.fiOrg.name}}</div>
						</div>
					</div>
					<div class="weui-flex marbot" style="font-size: 14px;">
						<div class="weui-flex__item">
							<div class="placeholder" style="color:#4d4d4d">批次：{{=value.breedBatch.name}}</div>
						</div>
					</div>
					<div class="weui-flex marbot" style="font-size: 14px;">
						<div class="weui-flex__item">
							<div class="placeholder" style="color:#4d4d4d">
								日期：{{=moment(value.bizFormObj.bizDate).format('YYYY-MM-DD')}}</div>
						</div>
					</div>
					<div class="weui-flex marbot" style="font-size: 14px;">
						<div class="weui-flex__item">
							<div class="placeholder" style="color:#4d4d4d">农场：{{=value.farmOrg.name}}</div>
						</div>
					</div>
					<div class="weui-flex marbot" style="font-size: 14px;">
						<div class="weui-flex__item">
							<div class="placeholder" style="color:#4d4d4d">死亡数量(头)：{{=value.totalCount}}</div>
						</div>
					</div>
					<div class="weui-flex marbot" style="font-size: 14px;">
						<div class="weui-flex__item">
						</div>
						<div class="salesplanstate saleElp">
							<div class="placeholder ellipsis">
								<svg t="1663838073483" class="icon" viewBox="0 0 1024 1024" version="1.1"
									xmlns="http://www.w3.org/2000/svg" p-id="2539" width="30" height="20">
									<path
										d="M256 512a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM576 512a64 64 0 1 1-128 0 64 64 0 0 1 128 0zM896 512a64 64 0 1 1-128 0 64 64 0 0 1 128 0z"
										p-id="2540"></path>
								</svg>
								<input type="hidden" id="print-code-id" value="" />
							</div>
						</div>
						<div class="detail" style="display: none;">
							<ul class="saledetail">
								<li class="edit operation subsale" data-id='{{=value.id}}'>编辑</li>
								<li class="submit subsale">提交</li>
								<li class="unsubmit savesale">反提交</li>
								<li class="audit savesale">审核</li>
								<li class="antiaudit savesale subsale">反审核</li>
								<li class="viewdetails operation">查看详情</li>
								<li class="signature operation">签署</li>
								<li class="delete subsale">删除</li>
							</ul>
						</div>
					</div>
				</div>
				{{~}}
					<div class="weui-loadmore weui-loadmore_line" style="margin-top: 100px;">
						<span class="weui-loadmore__tips" style="background: #f1f1f1;">已经到底了</span>
					</div>
		</script>

		<!-- 死亡记录预览单模板 -->
		<style>
			/* 自定义预览模态框横向滚动条样式 - 加粗并始终可见 */
			.death-record-preview::-webkit-scrollbar {
				height: 12px;
				/* 滚动条高度（加粗） */
			}

			.death-record-preview::-webkit-scrollbar-track {
				background: #f1f1f1;
				/* 滚动条轨道颜色 */
				border-radius: 6px;
			}

			.death-record-preview::-webkit-scrollbar-thumb {
				background: #1890ff;
				/* 滚动条滑块颜色（明显的蓝色） */
				border-radius: 6px;
			}

			.death-record-preview::-webkit-scrollbar-thumb:hover {
				background: #096dd9;
				/* 鼠标悬停时颜色更深 */
			}
		</style>
		<script id="deathbills-preview-template" type="text/x-template">
			<div class="death-record-preview" style="padding: 20px; background: #fff; overflow-x: auto; -webkit-overflow-scrolling: touch;">
            <div class="preview-content-wrapper" style="min-width: 600px; margin: 0 auto;">
                <div style="display: flex;justify-content: start;">
                    <img src="../../../../../public/static/images/logo/SN_Logo.png" class="print-logo" alt="" width="100" height="50" style="margin-left:5px;">
                </div>
                <h1 class="preview-title" style="font-weight: 700; text-align: center; margin-top: 0px; margin-bottom: 20px;">猪只死淘确认单</h1>
                <div class="preview-bill-info" style="display: flex; justify-content: space-between; margin-bottom: 15px;">
                    <p style="margin: 0;">单据编号：<span>{{=it.billNo}}</span></p>
                    <p style="margin: 0;">死亡日期：<span>{{=it.bizDate}}</span></p>
                    <p style="margin: 0;">签单日期：<span>{{=it.printDate}}</span></p>
                </div>
                <div style="margin-bottom: 15px;">
                    <table class="preview-table" style="width: 100%; color: black; border-collapse: collapse;" border="1">
                        <thead>
                            <tr style="text-align: center;">
                                <th colspan="2" style="height: 60px; padding: 8px;">养户姓名</th>
                                <th colspan="3" style="padding: 8px;">死亡编码</th>
                                <th rowspan="3" style="padding: 8px;">死亡原因</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr style="text-align: center;">
                                <td colspan="2" style="height: 60px; padding: 8px;">{{=it.name}}</td>
                                <td colspan="3" style="padding: 8px;">{{=it.deathCode}}</td>
                                <td rowspan="3" style="word-break: break-all; white-space: normal; min-width: 200px; padding: 8px;">
                                    {{=it.reasonNames}}
                                </td>
                            </tr>
                            <tr style="text-align: center;">
                                <td style="height: 60px; padding: 8px;">进苗头数</td>
                                <td style="padding: 8px;">死亡日龄</td>
                                <td style="padding: 8px;">死淘数量</td>
                                <td style="padding: 8px;">累计死亡</td>
                                <td style="padding: 8px;">目前存栏</td>
                            </tr>
                            <tr style="text-align: center;">
                                <td style="height: 70px; padding: 8px;">{{=it.seedNum}}</td>
                                <td style="padding: 8px;">{{=it.days}}</td>
                                <td style="padding: 8px;">{{=it.totalCount}}</td>
                                <td style="padding: 8px;">{{=it.deaNum}}</td>
                                <td style="padding: 8px;">{{=it.snum}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>

                <div class="preview-signature" style="display: flex; justify-content: start; align-items: center; margin-top: 24px;">
                    <p style="flex: 1; margin: 0;">养殖户：<span id="faremsName-sign"></span></p>
                    <p style="flex: 1; margin: 0;">管理员：<span id="administrator-sign"></span></p>
                    <p style="flex: 1; margin: 0;">服务部经理：<span id="reviewer-sign"></span></p>
                </div>
                <div class="preview-remarks" style="display: flex; align-items: start; margin-top: 20px;">
                    <p style="margin: 0; min-width: 50px;">备注：</p>
                    <div style="flex: 1;">
                        <div style="display: flex; margin-bottom: 5px;">
                            <p style="flex: 1; margin: 0;">1、对于死亡猪只，相关人员必须到现场确认，确认时必须确认死猪。</p>
                            <p style="flex: 1; margin: 0;">2、肉猪确认死亡单中除日期以外数字必须大写。</p>
                        </div>
                        <div style="display: flex;">
                            <p style="flex: 1; margin: 0;">3、死亡猪只及割下的耳朵尾巴必须做养户处无害化处理。</p>
                            <p style="flex: 1; margin: 0;">4、一式三联：存根联服务部保管，财务联财务人员保管，客户联客户保管。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </script>
	</head>

	<body>
		<div id="pull-down" class="pull-down">
			<div class="pull-down-content">松开刷新</div>
		</div>
		<div id="salesplanmain">
			<div id="salesplanmainId" class="weui-tab ">
				<div class="weui-search-bar" id="search_bar">
					<form class="weui-search-bar__form" style="height: 35px;">
						<div class="weui-search-bar__box input-search">
							<i class="weui-icon-search"></i>
							<input type="search" class="weui-search-bar__input ios-input-adjustment" id="search-index"
								placeholder="请输入查询信息..." autocomplete="off" />
							<a href="javascript:" class="weui-icon-clear" id="search_clear"></a>
						</div>
						<label for="search_input" class="weui-search-bar__label" id="search_text">
							<i class="weui-icon-search"></i>
							<span>搜索</span>
						</label>
					</form>
					<a href="javascript:" class="weui-search-bar__cancel-btn" id="search_cancel">取消</a>
				</div>
				<div id="spleplan-navbar" class="weui-navbar spleplan_nav">
					<a class="weui-navbar__item weui-bar__item--on navbar-click" href="javascript:;" id="all-list">
						全部
					</a>
					<a class="weui-navbar__item  navbar-click" href="javascript:;" id="save-list">
						已保存
					</a><a class="weui-navbar__item navbar-click" href="javascript:;" id="submit-list">
						已提交
					</a>
					<a class="weui-navbar__item navbar-click" href="javascript:;" id="audit-list">
						已审核
					</a>
				</div>
				<div id="salesplantel"></div>

				<div class="addsaleorders" id="addsaleorders">
					<div class="addsales">
						<i class="icon iconfont icon-add-line icon-font-size-24 icon-click"
							style="font-size: 50px;color: aliceblue;" aria-hidden="true"></i>
					</div>
				</div>
				<div class="returnHome" id="returnMain">
					<i class="icon iconfont icon-pages"></i>
				</div>
			</div>
		</div>


		<script type="text/javascript" src="../../../../../public/vendor/jquery/jquery.min.js"></script>
		<!-- Select2 Plugin JS (after jQuery) -->
		<script type="text/javascript" src="../../../../../public/vendor/select2/select2.min.js"></script>
		<script type="text/javascript" src="../../../../../public/vendor/vue/vue.min.js"></script>
		<script type="text/javascript" src="../../../../../public/vendor/moment/moment.min.js"></script>
		<script type="text/javascript" src="../../../../../public/vendor/weui/weui.js"></script>
		<script type="text/javascript" src="../../../../../public/vendor/weui/jquery-weui.min.js"></script>
		<script type="text/javascript" src="../../../../../public/js/common/iosadaptation.js"></script>
		<script type="text/javascript" src="../../../../../public/js/config/utils.js"></script>
		<script type="text/javascript" src="../../../../../public/vendor/swiper/swiper.js"></script>

		<!-- 签署功能相关库 -->
		<script type="text/javascript" src="../../../../../public/vendor/print/jspdf.min.js"></script>
		<script type="text/javascript" src="../../../../../public/vendor/print/html2canvas.js"></script>
		<script type="text/javascript" src="../../../../../public/vendor/doT/doT.min.js"></script>
		<script type="text/javascript" src="../../../../../public/js/common/print-pdf/index.js"></script>

		<script type="module" src="../../../../../public/js/features/cbs/deathbills/deathbillslist.js"></script>
	</body>

</html>